<html>
    <head>
        <title>Вход в систему</title>
        <link type="text/css" href="/css/admin/general.css" rel="stylesheet" media="screen" />
        <script type="text/javascript" src="/js/jquery-1.6.4.min.js"></script>
        <script type="text/javascript" src="/js/admin/box.js"></script>
    </head>
    <body>
        <div id="box" class="gradient">
           <input type="text" value="Логин" name="login"/>
           <input type="text" value="Пароль" name="pass"/>
           <div class="loader">
           </div>
           <div class="error">               
           </div>
        </div>
    </body>
    
    <script type="text/javascript">
     $(document).ready(function(){
        $('#box input').each(function(){
            $(this).attr('hint', $(this).attr('value'));
        });       

        $("#box input[name='pass']").live('focus', function(){
            if($(this).attr('type') != 'password') {
                $(this).replaceWith('<input type="password" class="value" name="pass" hint="Пароль" />');
                $("#box input[type='password']").focus();
            }
        });

        $("#box input[name='pass']").live('blur', function(){
            if($(this).val() == '') {           
                $(this).replaceWith('<input type="text" name="pass" hint="Пароль" value="Пароль" />');
            }
        });

        $("#box input[name='pass']").live('keydown', function(e){
            if(e.keyCode == 13){
                $('#box .error').hide();
                $('#box .loader').show();

                var data = {};
                $('#box input').each(function(){
                    key = $(this).attr('name');
                    value = $(this).val();
                    data[key] = value;
                });

                $.ajax({
                    'url':'/admin/login',
                    'data': data,
                    'type': 'POST',
                    'timeout':10000,
                    'success': function(k){
                        response = eval("(" + k + ")");
                        if(response.status != 'ok'){
                            $('#box .error').html(response.error).show(); 
                        } else {
                            window.location.replace(response.url);
                        }
                    },
                    'error':function(){
                        $('#box .error').html('<b>Ой, ошибочка вышла...</b><br/>Ошибка соединения с сервером. Попробуйте повторить запрос через некоторое время.').show();    
                    },
                    'complete': function(){
                        $('#box .loader').hide();
                    }
                });
            }        
        });   

        $("#box input[name='login']").live('focus', function(){
            if($(this).val() == $(this).attr('hint')){
                $(this).val('');
                $(this).addClass('value');
            }
        });    

        $("#box input[name='login']").live('blur', function(){
            if($(this).val() == ''){         
                $(this).val($(this).attr('hint'));
                $(this).removeClass('value');
            }
        });
    });

    </script>
</html>

